<!DOCTYPE html>
<!-- saved from url=(0024)http://sinooceanlas.com/ -->
<html lang="en" style="font-size: 40px;">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



	<title>河北省企业投资理财协会</title>
	<meta name="keywords" content="河北省企业投资理财协会">
	<meta name="description" content="河北省企业投资理财协会">

	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

	<meta name="format-detection" content="telephone=no">

	<meta name="apple-mobile-web-app-capable" content="yes">

	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<meta name="referrer" content="never">

	<link rel="stylesheet" href="./comment/layui.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:320px) and (max-width:760px)"
		href="./comment/phone.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:760px) and (max-width:3600px)"
		href="./comment/pc.css">

	<link rel="stylesheet" type="text/css" href="./comment/reset.css">

	<link rel="stylesheet" type="text/css" href="./comment/animate.css">

	<link rel="stylesheet" type="text/css" href="./comment/swiper.min.css">
	<link rel="stylesheet" href="./comment/layer.css" id="layuicss-layer">
	<script type="text/javascript" src="./comment/rem.js"></script>


	<script src="./comment/js-sdk-pro.min.js"></script>
</head>

<body style="font-size: 12px;" id="appel">


	<div id="app">

		<!-- 公共导航 go -->

		<div class="gg_rgba"></div>

		<my-header actionPage="index"></my-header>

		<!-- 公共导航 end -->

		<!-- 中部内容 banner -->
		<div class="prox_ban ind_ban">
			<div class="swiper-container1 swiper-container-horizontal">
				<div  class="swiper-wrapper" style="height: auto;">
					<div v-for="item in bannerList" :key="item.id" class="swiper-slide">
						<!-- <a><img src="./comment/bg1.jpg"></a> -->
						<a><img :src="gloabImageUrl+item.image" @click="eventBannerTap(item)"></a>
					</div>
				</div>
				<div class="swiper-pagination1"></div>
			</div>
		</div>
		
		<div class="spcae-top"></div>	
		
		<!-- 协会介绍 -->
		<div class="ind_two wow fadeInUp" style="visibility: visible; animation-name: fadeInUp; background-image: url('./img/bcg_intro.jpg');">
			<div class="ind_two_l_n">
				<div class="ind_two_l_n_left">
					<p>河北省企业</p>
					<p>投资理财协会</p>
				</div>
				<div class="ind_two_l_n_right">
					<div style="color: white;" class="ind_two_l_a">协会介绍</div>
					<div style="color: white;" class="ind_two_l_b"><span>ASSOCIATION INTRODUCTION</span></div>
					<div class="ind_two_l_c">
						<p
							style="color: white;margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;">
							河北省企业投资理财协会(英文名称为Corporate Investment and Financing Association of Hebei
							Province，缩写CIFAHB)，由河北省民政厅批准，于2013年12月1日成立。协会致力于为各类企业服务，助力中小企业融资，优选创新项目与投资机构 ，促进产业与金融合作， 实现金融投资与企业发展双赢，为河北省高质量经济发展做出贡献。
						</p>
					</div>
					<a class="ind_two_l_btn" style="color: white;border-color: white;" href="./jianjie.html">查看更多</a>
				</div>
			</div>
		</div>
		
		<div class="spcae-top"></div>
		
		<!-- 协会动态 -->
		<div class="ind_thr wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;  background-image: url('./img/bcg_news.jpg'); background-size: cover;" >
			
			<div class="ind_thr_l">
				<h6 style="font-weight: 600;">协会动态<br>NEWS</h6>
				<!-- <a href="./news.html">查看更多 </a> -->
			</div>
			<div class="ind_thr_c">
				
				<div v-for="item in newsList" @click="toDetile(item)" class="ind_thr_c_li">
					<span>{{item.news_time ? item.news_time.substring(5) : item.create_time.substring(5)}}</span>
					<h6 >{{item.title}}</h6>
						
				</div>
			</div>
			<div class="ind_thr_b">
				<a style="background: #cb2424;margin-bottom: 10px;" href="./news.html">查看更多</a>
			</div>
		</div>
		
		<div class="spcae-top"></div>
		
		<!-- 会员风采 -->
		<div class="ind_six wow fadeInUp" style="visibility: hidden; animation-name: none;">
			<div class="ind_six_t">
				<p>会员风采</p>
				<span>member</span>
			</div>
			<div class="wow bounceInUp par_two_b" style="visibility: hidden; animation-name: none; border-radius: 3px;">
				<ul>
					<li v-for="item in personList" :key="item.id">
						<a @click="toDetileMe(item)">
							<img :src="gloabImageUrl+item.image">
							<P class="member-title" style="text-align: center;color: #444;padding: 10px 0;">
								{{item.title}}</P>
						</a>
					</li>
				</ul>
			</div>
			<div class="ind_six_b"><a style="color: #cb2424;border-color: #cb2424;" href="./member.html">查看更多</a></div>
		</div>
		<!-- 公共底部 go -->
		<my-footer></my-footer>
	</div>
	<script type="text/javascript" src="./comment/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="./comment/layer.js"></script>
	<script src="./js/vue.js"></script>
	<script src="js/comment.js"></script>
	<script>
		var app = new Vue({
			el: '#app',
			data: {
				actionPage: 'index',
				bannerList: [],
				newsList: [],
				personList: []
			},
			mounted () {
				document.getElementById('indexPage').classList.add('gg_nav_r_r_ac')
				this.getBanner()
				this.getNews()
				this.getPersonList()
			},
			methods: {
				
				eventBannerTap(item) {
					if (item && item.link) {
						if (item.link == 1) {
							// 协会动态
							window.location.href = './jianjie.html'
						}else if (item.link == 2) {
							// 业务板块
							window.location.href = './businessIntroduction.html'
						}else if (item.link == 3) {
							// 资产展示
							window.location.href = './assetShow.html'
						}else if (item.link == 4) {
							// 资金服务
							window.location.href = './requirementListZj.html'
						}
					}
				},
				
				toDetileMe(item){
					localStorage.setItem(item.id,item.content)
					localStorage.setItem('member_title',item.title)
					localStorage.setItem('member_time',item.create_time)
					localStorage.setItem('imageUrl',item.image)
					
					window.location.href = './memberDetile.html?id='+item.id
				},
				toDetile(item){
					localStorage.setItem(item.id,item.content)
					localStorage.setItem('news_title',item.title)
					localStorage.setItem('news_time',item.create_time)
					window.location.href = './newsDetile.html?id='+item.id
				},
				getBanner () {
					const that = this
					$.ajax({
						type: 'get',
						url: gloabApi + "/banner/getBannerList",
						data: {},
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								that.bannerList = res.data
								that.$nextTick(() => {
									that.initBanner()
								})
							} else {
								layer.msg(res.msg);
							}
						},
					})
				},
				getNews () {
					let pageData = {
						page: 1,
						limit: 11,
						source:'index'
					}
					var indexlayer = layer.load(2);
					const that = this
					$.ajax({
						type: 'get',
						url: gloabApi + "/Assocdynamics/getList",
						data: pageData,
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								that.newsList = res.data.list
								that.$nextTick(() => {
									that.initNews()
								})
							} else {
								layer.msg(res.msg);
							}
							layer.close(indexlayer);
						},
						error () {
							layer.close(indexlayer);
						}
					})
				},
				getPersonList () {
					let pageData = {
						page: 1,
						limit: 12
					}
					const that = this
					$.ajax({
						type: 'get',
						url: gloabApi + "/Member/getList",
						data: pageData,
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								that.personList = res.data.list
							} else {
								layer.msg(res.msg);
							}
						},
					})
				},
				initBanner () {
					var mySwiper = new Swiper('.swiper-container1', {
						direction: 'horizontal', //horizontal
						loop: true,

						// 如果需要分页器
						pagination: {
							el: '.swiper-pagination1',
							clickable: true
						},
						autoplay: {
							delay: 4500,
							disableOnInteraction: false,
						},
						// 如果需要前进后退按钮
						navigation: {
							nextEl: '.swiper-button-next',
							prevEl: '.swiper-button-prev',
						},
						// 如果需要滚动条
						scrollbar: {
							el: '.swiper-scrollbar',
						},
					})
				},
				initNews () {
					var Swiper1 = new Swiper('.swiper-container2', {
						direction: 'vertical‌', //horizontal 
						breakpoints: {
							1280: {
								slidesPerView: 1,
								spaceBetween: 10
							},
							768: {
								slidesPerView: 1,
								spaceBetween: 20
							},
							320: {
								slidesPerView: 1,
								spaceBetween: 30
							}
						},
						slidesPerView: 1,
						//centeredSlides : true,
						pagination: {
							el: '.swiper-pagination',
							clickable: true
						},
					});
					// var Swiper2 = new Swiper('#swiper-container2', {
					// 	controller: {
					// 		control: Swiper1, //控制Swiper1
					// 	},
					// 	autoplay: {
					// 		delay: 2000,
					// 		disableOnInteraction: false,
					// 	},
					// 	pagination: {
					// 		el: '.swiper-pagination',
					// 		clickable: true
					// 	},
					// 	navigation: {
					// 		nextEl: '.swiper-button-next',
					// 		prevEl: '.swiper-button-prev',
					// 	},
					// })
					// Swiper1.controller.control = Swiper2; //Swiper1控制Swiper2，需要在Swiper2初始化后
					// Swiper2.controller.control = Swiper1; //Swiper2控制Swiper1，需要在Swiper1初始化后
				},
			}
		})
	</script>
	<script src="./js/login.js"></script>

	<script type="text/javascript" src="./comment/index.js"></script>
	<script type="text/javascript" src="./comment/wow.min.js"></script>
	<script type="text/javascript" src="./comment/swiper.min.js"></script>

	<script src="./comment/utils.js"></script>
	<script src="./comment/echarts.min.js"></script>
	<script src="./comment/china.js"></script>
	<script src="./comment/maps.js"></script>


	<script type="text/javascript">
		var mySwiper = new Swiper('.swiper-containerr', {
			direction: 'horizontal', //horizontal
			loop: true,

			// 如果需要分页器
			pagination: {
				el: '.swiper-paginationn',
				clickable: true
			},
			autoplay: {
				delay: 4500,
				disableOnInteraction: false,
			},
			// 如果需要滚动条
			scrollbar: {
				el: '.swiper-scrollbar',
			},
		})

		$('.ind_fiv_t_c').height($('.ind_fiv_t_l').height() + 'px');
		$('.ind_fiv_t_r').height($('.ind_fiv_t_l').height() + 'px');
		$(window).resize(function () {
			$('.ind_fiv_t_c').height($('.ind_fiv_t_l').height() + 'px');
			$('.ind_fiv_t_r').height($('.ind_fiv_t_l').height() + 'px');
		});
		
	</script>

	<script type="text/javascript">
		$(function () {
			//页面初始，加载所有的省份  

			//监听省select框
			$(".tap_area").change(function () {
				var province = $(this).val();
				console.log(province)
				window.location.href = "/cate/5.html?province=" + province
			});


		});
	</script>
</body>

</html>
<style>
	.member-title {
		white-space: nowrap;
		/* 防止文本换行 */
		overflow: hidden;
		/* 隐藏溢出的内容 */
		text-overflow: ellipsis;
		/* 显示省略号来表示溢出的内容 */
	}
	.ind_two_l_a,.ind_two_l_b{
		color: #000;
	}
	.ind_two{
		background-color: #fff;
	}
	.ind_two_r img{
		width: auto;
	}
	.spcae-top {
		height: 10px;
	}
	
	.box_h_two {
		display: flex;
		justify-content: space-between;
		.right {
			height: 100%;
			text-align: center;
		}
	}
	
</style>